
/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/  
*{  
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/  
    -webkit-user-select:none; /*webkit浏览器*/  
    -khtml-user-select:none; /*早期浏览器*/  
    -moz-user-select:none;/*火狐*/  
    -ms-user-select:none; /*IE10*/  
    user-select:none;  
} 
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}
.IndexBanner {
    width: 100%;
    height: 6.8rem;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.janros {
    border-radius: 1.42rem;
    height: 0.52rem !important;
    line-height: 0.52rem !important;
    margin-left: 1rem;
}

.nodets a {
    color: #FFF;
    font-size: 0.28rem !important;
}

.liMarquee img {
    width: .5rem;
    height: auto;
    float: left;
    position: relative;
    bottom: -0.04rem;

}

.liMarquee {
    z-index: 99;
    text-align: center;
    padding: .1rem .2rem;
    border-radius: .1rem;
    color: #FE705A
}
.Img_title img {
    width: 100%;
}

.invterfirends-ban {
    display: flex;
}

.invterfirends-ban > div {
    flex: 1;
}
.invterfirends-ban > div a {
    display: block;
}
.invterfirends-ban > div:nth-child(2) {
    flex: .63;
}

.invterfirends-ban img {
    width: 100%;
}

.invterfirends {
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    position: relative;
    border-top: .15rem solid #f5f5f5;
    padding: .3rem 0;
}

.invterfirends.invter {
    font-size: .5rem;
    color: #9A9A9A;
    text-align: center;
    line-height: 1.5rem;
    border-top: 0;
    padding: .15rem .1rem;
    background: #F1F1F1;
    height: 1.5rem;
}

.invterfirends.invter .contentImg {
    box-shadow: 0 0 0.2rem #dadada;
    background: #fff;
    height: 1.5rem;
}

.contentImg {
    width: 48%;
    height: 1.85rem;
    position: relative;
    border-radius: 0.21rem;
}

.fl_invter {
    background: url(../images/middleLeft.png) no-repeat;
    background-size: 100% 100%;
}

.fr_invter {
    background: url(../images/middleRight.png) no-repeat;
    background-size: 100% 100%;
}

.fr_invter-img {
    position: absolute;
    right: 0.3rem;
    top: 0.5rem;
    font-size: 0.2rem;
    color: #4FA8FC;
    background: #fff;
    padding: 0 .1rem;
    border-radius: .1rem;
}

.fr_invter-img img {
    width: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.13rem;
    margin-right: 0.1rem;
    display: none;
}

.interTitle {
    width: 1.88rem;
    height: 0.52rem;
    border-radius: 1.42rem;
    text-align: center;
    line-height: 0.52rem;
    color: #FFF;
    font-size: 0.35rem;
    position: absolute;
    left: 0.32rem;
    top: 0.14rem;
}

.fl_interTitle {
    background: #FF9815;
}

.fr_interTitle {
    background: #FF635F;
}

.btnPutWork {
    height: 0.64rem;
    margin: 0.52rem auto;
    position: relative;
    color: #FF9815;
    padding-left: .2rem;
}

.btnPutWork.refreshby {
    top: 4rem;
    padding: 0 .2rem
}

.btnPutWork .fr img {
    display: inline-block;
    width: 0.4rem;
    vertical-align: middle;
    margin-right: .1rem;

}

.btnPutWork .btnPutWork-btn button {
    height: 0.64rem;
    background: #FF9815;
    text-align: center;
    border: 0;
    border-radius: 0.1rem;
    outline: none;
    color: #FFF;
    padding: 0 0.35rem;
    z-index: 99;
    font-size: .4rem;
    line-height: 0.72rem;
}

.btnPutWork .btnPutWork-btn {
    background: #ACD5FA;
    padding: .1rem;
    position: relative;
    float: left;
    border-radius: 0.1rem;
}

.W_723 {
    margin: 0 auto;
}

.goodWokrs {
    width: 100%;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 0.21rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.34rem;
    background: #fff;
    margin-bottom: 0.21rem;
}


.goodWokrs .titleH3 {
    width: 2rem;
    height: 2rem;
}

.titleH3 img {
    width: 2rem;
    height: 2rem;
    background: #fff;
    position: relative;
    z-index: 9;
    border-radius: .2rem;
}

.titleH3 {
    margin-left: 0.28rem;
}

.goodWokrs .questionIcon {
    position: absolute;
    top: .1rem;
    left: .1rem;
    z-index: 10;
    width: .8rem;
}


.goodWokrs h3 {
    color: #FDB549;
    position: absolute;
    right: 0.21rem;
    background: #fff;
    border: .03rem solid #FDB549;
    padding: 0 .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    font-size: 0.34rem;
    font-weight: 400;
}

.Bigcolor {
    background: #FF9815;
}

.Bigcolor_red {
    background: #FF635F;
}

.fr_workText {
    margin-left: 0.21rem;
    width: 60%;
}

.titleNewimg {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: #FF9815;
    border-bottom: 1px dashed #DDD;
    padding-bottom: 0.14rem;
}

.titleNewimg img {
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.1rem;
    display: none;
}

.titleNewimg span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.4rem;
    color: #000;
    font-weight: 600;
}

.linder {
    margin-left: 0.21rem;
}

.listName {
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.35rem;
    margin-top: 0.21rem;
}

.workNeed {
    font-size: 0.4rem;
    margin-top: 0.14rem;
    color: #A0A0A0;
    display: inline-block;
    overflow: hidden;
    width: 5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .2rem 0;
}

.workNeed .tj {
    color: #FF9815;
}

.workNeed .tj i {
    color: #F24D31;
}

.moneyYmoney {
    margin-top: 0.14rem;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}

.moneyYmoney span {
    color: #FA7B84;
    font-size: 0.4rem;
    margin-bottom: -0.05rem;
}

.moneyYmoney img {
    margin-right: 0.11rem;
    width: 0.65rem;
    margin-bottom: -0.05rem;
}

.moneyYmoney .tuijian {
    font-size: .2rem;
    padding: 0 .1rem;
    background: #F24D31;
    color: #fff;
    border-radius: .1rem;
    margin-left: .2rem;
    position: relative;
    /*top: -.25rem;*/
    /*left: -.14rem*/
}

.reward {
    font-size: 0.2rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    font-style: normal;
    color: #fff;
    margin-left: 0.2rem;
    background: #F24D31;
    overflow: hidden;
    padding: 0rem .07rem;
    margin-left: .1rem !important;
    margin-bottom: -0.05rem !important;
}

.reward ul {
    display: flex;
}

.reward li {
    display: inline-block;
}

.fr_btnPutwork {
    position: absolute;
    right: 0.21rem;
    bottom: 0.21rem;
}

.corSred {
    color: #FF635F;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    font-size: 0.28rem;
}

.corSred img {
    width: 0.32rem;
    margin-right: 0.07rem;
}

.fr_btnPutwork button {
    background: #FF9815;
    color: #FFF;
    border-radius: 0.14rem;
    border: 0;
    padding: 0.07rem;
    font-size: 0.34rem;
    margin-top: 0.14rem;
    height: .8rem;
    width: 1.8rem;
    font-weight: 600;
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
    position: relative;
}

.fr_btnPutwork button i {
    position: absolute;
    top: -.1rem;
    right: -.15rem;
    background: #fff;
    border-radius: 50%;
}

.botmImgs {
    position: fixed;
    z-index: 9999;
    bottom: 0rem;
    /*left: 41%;*/
    right: 0;
}

.botmImgs img {
    width: 2rem;
    display: block;
    margin: 0 auto
}

.banner_head img {
    width: 100%;
    height: 5.3rem;
}

#beginner {
    position: relative;
    border-bottom: .15rem solid #f5f5f5;
    padding: .15rem 0;
    margin: .15rem 0;
    margin-top: 0;
}

#beginner .beginner_f1 {
    display: flex;
    width: 100%;
    width: 100%;
    border: 0px;
    box-sizing: border-box;
    padding: 0.1rem 0.5rem 0px;
    background: url('../images/xin-gb.png') no-repeat;
    background-size: 95%;
    background-position: 0.25rem 0.2rem;

}

#beginner h3 {
    position: absolute;
    background: #FF9815;
    padding: 0 0.35rem;
    border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    color: #fff;
    font-weight: 400;
    top: -0.65rem;
    font-size: 0.4rem;
    box-shadow: 0 0 0.1rem #555;
    z-index: 10;
    height: 0.64rem;
    line-height: 0.72rem;
}

#beginner .beginner_f1 li {
    flex: 1;
    text-align: center;
    padding: 0.33rem 0;
    padding-top: .3rem;
    position: relative;
}

#beginner .beginner_f1 li a {
    color: #fff;
    font-size: 0.34rem
}

#beginner .beginner_f1 li a p {
    margin-top: 0.1rem;
    color: #4BA6FC
}

#beginner .beginner_f1 li .beginnerImg {
    width: 0.8rem;
    height: 0.7rem;
    display: block;
    margin: 0 auto;
}

#beginner .beginner_f1 li .rightIcon {
    position: absolute;
    right: -.1rem;
    width: .2rem;
    top: .8rem;
}

#beginner .beginner_f1 li.beginnerClickRight {
    width: 1.2rem;
    background: #fff;
    padding: 0;
    flex: none;
}

#beginner .beginner_f1 li.beginnerClickRight div {
    background: #FFEC6C;
    width: 1.1rem;
    height: 100%;
    float: right;
}

.beginnerClickRight img {
    width: 0.7rem;
    display: block;
    margin: 0 auto;
    margin-top: .7rem;
}

.btnPutWork .refresh.active img {
    /*transition: All  0.4s  ease-in-out;*/
    /*-webkit-transition: All 0.4s ease-in-out;*/
    /*-moz-transition: All 0.4s ease-in-out;*/
    /*-o-transition: All 0.4s ease-in-out;*/
    /*transform: rotate(360deg);*/
    /*-webkit-transform: rotate(360deg);*/
    /*-moz-transform: rotate(360deg);*/
    /*-o-transform: rotate(360deg);*/
    /*-ms-transform: rotate(360deg);*/
    animation: .6s linear 0s infinite slidein;
}

@keyframes slidein {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

.btnPutWork .refresh img {
    display: inline-block;
    margin-right: 0.1rem;
    width: 0.35rem;
    margin-bottom: -0.05rem;
}

.tjimg img {
    width: 45%;
    display: block;
    margin: 1rem auto;
}

.btnPutWork .countDown {
    position: relative;
    color: #fff;
    padding: .05rem .4rem;
    border-radius: .1rem;
    font-size: 0.28rem;
    top: .1rem;
    float: left;
    background: #A2D0FC;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -.05rem;
    height: 0.64rem;
    line-height: 0.55rem;
    box-sizing: border-box;
}

.beninner-count {
    position: absolute;
    color: #fff;
    padding: .05rem .4rem;
    border-radius: .3rem;
    font-size: 0.28rem;
    float: left;
    background: #A2D0FC;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top: -.6rem;
    z-index: 9;
    left: 2.15rem;
    height: 0.45rem;
    line-height: 0.45rem;
}

.returnWorkIcon {
    position: relative;
}

.returnWorkIcon span {
    position: absolute;
    right: .3rem;
    top: .1rem;
    background: #F6705C;
    color: #fff;
    border-radius: 50%;
    width: .45rem;
    display: inline-block;
    height: .45rem;
    text-align: center;
    line-height: .45rem;
    border: 1px solid #fff;

}

#return-body .goodWokrs h3 {
    /*background: #FFEB6E;*/
    /*color: #000;*/
    /*width: 1.7rem;*/
    color: #FF635F;
    border-color: #FF635F;
}

.balance {
    height: 1.5rem;
    width: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0.5rem;
    left: 50%;
    margin-left: -.75rem;
    background: url('../images/balance_bottom.png') no-repeat #fff;
    background-position: 0 1rem;
    background-size: 95%;
}

.balance strong {
    text-align: center;
    line-height: 1.5rem;
    display: block;
    font-size: 0.4rem;
    color: #F47E7E;
    font-weight: 400;
}

.view-switches {
    padding: .3rem;

}

.view-switches h2 {
    font-size: .43rem;
    line-height: .6rem;
    padding-left: .8rem;
    color: #94D5FF;
    font-weight: 400;
}

.view-switches img {
    width: .5rem;
}

.grid-view {
    box-sizing: border-box;
    padding: .2rem 0 0.15rem 0;
}
.grid-view ul {
    display: flex;
    align-items:center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid-view li {
    background: #fff;
    padding: .3rem 0 .3rem 1rem;
    float: left;
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
    height: 1.6rem;
    display: flex;
    align-items: center;
    /*border-bottom: 1px solid #e1e1e1;*/
}
/*.grid-view li:nth-child(odd){*/
    /*border-right:  1px solid #e1e1e1;*/
/*}*/
/*.grid-view li:nth-child(1),.grid-view li:nth-child(2){*/
    /*border-top: 1px solid #e1e1e1;*/
/*}*/
.grid-view li img {
    width: .5rem;
    margin-right: .3rem;
    position: relative;
    top: 0.13rem;
    min-height: .5rem;
}

.grid-view li h4 {
    font-size: .47rem;
    font-weight: 400;
    margin-top: .2rem;
}
.grid-view li h4 span {
    color: #999;
    font-size: .35rem;
}

.grid-view li p {
    color: #A0A0A0;
    font-size: .4rem
}

.newbies {
    padding: 0 .2rem
}

.newbies h2 {
    color: #94D5FF;
    font-weight: 400;
    font-size: .43rem;
}

.newbies img {
    width: 0.6rem;
}

.newbies img.fl {
    margin-right: 0.2rem;
}

.newbies.newbies-active {
    text-align: center;
    position: relative;
}

.newbies.newbies-active img.fl {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;

}

.newbies.newbies-active h2 span {
    display: inline-block;
    margin-top: .7rem;
    color: #555;

}

.newbies.newbies-active img.fr {
    display: none;
}

.ts-txt {
    text-align: center;
    color: #999;
    font-size: .35rem
}

.userData {
    position: absolute;
    height: 1.7rem;
    z-index: 99;
    top: 4.5rem;
    left: .5rem;
    right: .5rem;
    margin: 0 auto;
    border-radius: 1rem;
    color: #FF9919;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 .3rem #ddd;
    font-size: .45rem
}

.userData ul {
    display: flex;
    padding: 0 .5rem
}

.userData ul li {
    flex: 1;
    padding-top: .2rem;
}

.userData ul li p:nth-child(1) {
    font-weight: 600;
    font-size: .5rem
}

.userData ul li p:nth-child(2) {
    margin-top: .1rem;
    font-size: .40rem
}

/*.userData div {*/
/*padding-top: .2rem;*/
/*}*/

/*.userData div p:nth-child(1) {*/
/*font-size: .35rem;*/
/*}*/

/*.userData div p:nth-child(2) {*/
/*font-size: .8rem;*/
/*letter-spacing: .1rem;*/
/*}*/

/*.userData ul li {*/
/*float: left;*/
/*width: 49.55%;*/
/*font-size: .35rem;*/
/*line-height: .6rem;*/
/*letter-spacing: .05rem;*/
/*}*/
/*.userData ul li p {*/
/*font-size: .4rem*/
/*}*/
/*.userData:after {*/
/*content: '';*/
/*height: 0;*/
/*display: inline-block;*/
/*position: absolute;*/
/*width: .05rem;*/
/*height: .8rem;*/
/*background: #f1f1f1;*/
/*bottom: .3rem;*/
/*}*/

/*
    *** 试玩任务 ***
*/

.timing-works {

}

.timing-works h2 {
    font-size: 0.5rem;
    font-weight: normal;
    position: relative;
    border-left: 3px solid #FE933D;
    padding-left: 0.3rem;
    margin-left: 0.2rem;
    margin-top: 0.35rem;
    color: #FE933D;
}

.timing-works h2 span {
    background: #4DC4FF;
    text-align: center;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding: .05rem .2rem;
    border-radius: .1rem;
    font-size: .4rem;
    padding-left: 1rem;
}

.timing-works h2 img {
    width: .7rem;
    position: absolute;
    top: .08rem;
    left: .35rem;
}
.timing-works .timing-works-list li {
    border-bottom: 0.18rem solid #e1e1e1;
    border-top: 1px solid #E4E4E4;
    background: url("../images/hotwork_img.png") no-repeat;
    background-size: 1.7rem 2.3rem;
    background-position: right center;
    position: relative;
}
.timing-works-list{
    margin-top: 0.2rem;
}
.timing-works li>span{
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.7rem);
    background: #FBA09F;
    color: #fff;
    border-radius: 0.1rem;
    padding: 0.02rem 0;
    font-size: 0.3rem;
    display: inline-block;
    width: 1.37rem;
    text-align: center;
}
.timing-works-list li>div{
    padding: 0.15rem 0.3rem;
    display: flex;
    align-items: center;
}
.timing-works .timing-works-list li img {
    width: 2rem;
    height: 2rem;
    margin: 0.2rem 0;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

/*.timing-works .timing-works-list li div {*/
    /*margin-left: 2.2rem;*/
    /*padding-left: .2rem;*/
/*}*/

.timing-works .timing-works-list li h3 {
    font-size: .4rem;
    padding-bottom: .2rem;
    color: #A0A0A0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5rem;
    font-weight: normal;
}
.work_hotRight{
    margin-left: 0.2rem;
}
.timing-works .timing-works-list li p {
    font-size: 0.34rem;
    margin-top: .05rem;
    color: #A0A0A0;
}
.timing-works .timing-works-list li p:last-of-type{
    font-size: 0.3rem;
}
.timing-works .timing-works-list li p span {
    color: #FC6A5B;
    margin-right: .05rem;
    font-size: 0.37rem;
}
.game-task {
    background: #f2f2f2;
    padding: .15rem .1rem;
}
.game-task h3 {
    background: #BEE8FE;
    border-radius: .2rem;
    color: #644F1B;
    font-size: .45rem;
    height: 1rem;
    line-height: 1rem;
    padding-right: .6rem;
    white-space: nowrap;
    background: -webkit-linear-gradient(#FFF1CC, #EBD594); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFF1CC, #EBD594); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFF1CC, #EBD594); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #FFF1CC, #EBD594); /* 标准的语法（必须放在最后） */
}
.game-task h3 span {
    font-size: .33rem;
    font-weight: 400;
    color: #644F1B;
}
.game-task h3 img.los {
    float: left;
    position: relative;
    top: .15rem;
    margin: 0 .1rem;
    width: .6rem;
    margin-left: .2rem;
}
.game-task h3 img.ics {
    width: .3rem;
    display: inline-block;
    margin-left: .1rem;
    margin-bottom: -.02rem;
}
.workList {
    background: #fff;
}
.workList ul {
    display: flex;
    padding: 0 .3rem;
    margin-bottom: .2rem;
}

.workList ul li {
    flex: 1;
    position: relative;
}

.workList ul li img {
    display: block;
    width: 0.8rem;
    margin: 0 auto
}

.platforms_tab ul {
    display: flex;
    background: #fff;
    padding: 0 1rem;
    margin-top: .3rem;
}
.platforms_tab ul li {
    flex: 1;
    background: #fff;
    border-radius: 1rem;
    text-align: center;
    padding: .2rem 0;
    font-size: .5rem;
    box-shadow: 0 0 .3rem #fff;
    margin: .2rem 0;
    font-weight: 600;
}

.platforms_tab ul li.on {
    background: #FFB55A;
    box-shadow: 0 0 .3rem #ddd;
    color: #fff;
}
.unread em{
    position: absolute;
    background: red;
    color: #fff;
    top: -.1rem;
    border-radius: 50%;
    height: .5rem;
    width: .5rem;
    text-align: center;
    line-height: .5rem;
    left: 60%;
}
.platformWorks {
    padding: .2rem 0;
    border-top: .05rem solid #FFB658;
    margin-top: .2rem;
}
.platformWorks ul{
    float: left;
    display: flex;
    width: 54%;
}
.platformWorks ul.on {
    width: 100%;
}

.platformWorks ul li {
    flex: 1;
    text-align: center;
}
.platformWorks ul li:nth-last-child(1), .platformWorks ul li span{
    color: red
}
.platformWorks div{
    text-align: right;
    width: 45%;
    float: right;
}
.platformWorks div p{
    background: #FE6F5E;
    color: #fff;
    border-bottom-left-radius: .15rem;
    border-top-left-radius: .15rem;
    padding-right: .2rem;

}
.platformWorks div p:nth-child(2) {
    margin-top: .1rem;
}
.botmImgs-kgts {
    width: 30%;
    display: block;
    margin: 1rem auto;
}
.botmImgs-kgts img {
    width: 100%;
}
